import React from 'react'

import ListBtn from '@/components/ListBtn'

export default class extends React.Component {
  constructor(props) {
    super(props)
  }
  render() {
    const {btnList} = this.props
    return (
      <div className='navbar'>
        <div className='navbar-inner'>
          <div className='container'>
            <a className='brand' href='/'>
              <img src="//static2.cnodejs.org/public/images/cnodejs_light.svg" />
            </a>
            <form id='search_form' className='navbar-search' action="/search">
              <input type='text' id='q' name='q' className='search-query span3'/>
            </form>
            <ListBtn btnList = {btnList}/>
            <a className="btn btn-navbar" id="responsive-sidebar-trigger">
              <span className="icon-bar"></span>
              <span className="icon-bar"></span>
              <span className="icon-bar"></span>
            </a>
          </div>
        </div>
      </div>
    )
  }
}